*{margin: 0;padding: 0;font: normal 12px "Microsoft YaHei";}
.tabs{width: 300px;height: 250px;margin: 40px auto;}
.nav ul{list-style-type: none;}
.nav ul li{float: left;border: 1px solid #000;border-bottom: none;height: 30px;line-height: 30px;text-align: center;width: 70px;margin-left: 5px;}
.nav{height: 32px;width: 300px;border-bottom:2px solid red;}


.content{width: 298px;height: 150px;border: 1px solid #000;border-top: none;}
.content ul{list-style-type: none;}
.show{display: block;}
.hide{display: none;}


.active:hover{border-top: 2px solid red;border-bottom: 2px solid #fff;}